<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>建表配置</title>
    <#include "/header.html">

    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

    <script src="${request.contextPath}/statics/plugins/layui/layui.all.js"></script>

</head>
<body>
<style>
    .bootstrap-select{
        width: 100% !important;
    }
     input[type="radio"] + label::before {
         content: "\a0"; /*不换行空格*/
         display: inline-block;
         vertical-align: middle;
         font-size: 18px;
         width: 1em;
         height: 1em;
         margin-right: .4em;
         border-radius: 50%;
         border: 1px solid #1c84c6;
         text-indent: .15em;
         line-height: 1;
     }
    input[type="radio"]:checked + label::before {
        background-color: #1c84c6;
        background-clip: content-box;
        padding: .2em;
    }
    input[type="radio"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
    }
    .checke:before{
        content:'否' !important;
    }
    .checke:checked:before{
        content:'是' !important;
    }
</style>
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
    <ul class="layui-tab-title" style="padding: 0 20px;">
        <li class="layui-this">时间后缀建表</li>
        <li>平台时间建表</li>
        <li>动态初始化数据</li>
    </ul>
    <div class="layui-tab-content" style="height: 100px;">
        <div class="layui-tab-item layui-show">
            <div class="layui-container " style="width: 100%;" id="indexModel">
                <div class="layui-row" style="margin-top: 10px;">
                    <div class="layui-col-md3 ">
                        <input type="text"  required  id="table_Name1"  placeholder="表名称" autocomplete="off" class="layui-input">
                    </div>

                    <div class="layui-col-md3 " style="padding-left: 20px;">
                        <a class="btn btn-default" style="margin-left: 10px;" id="search1" >查询</a>
                        <a class="btn btn-primary" style="margin-left: 10px;" id="btnadd"><i class="fa fa-plus"></i>&nbsp;新增</a>
                    </div>
                </div>
                <div class="layui-row table-striped" style="margin-top: 10px;padding:0 0px;">
                    <table id="bootstrap-table" data-mobile-responsive="true"></table>
                </div>
            </div>
            <div class="layui-container" style="width: 100%;display: none;margin-top: 20px;" id="addModel">
                <form class="layui-form" action="">
                    <div class="layui-row" >
                        <div class="layui-col-md12" >
                            <div class="layui-form-item" style="width: 500px;">
                                <label class="layui-form-label" style="width: 100px;">表名称</label>
                                <div class="layui-input-block" >
                                    <input type="text"  required  id="tableName"  placeholder="表名称" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row" >
                        <div class="layui-col-md6" style="padding-left: 20px;">
                            <div class="layui-btn" id="btnconfirm">确定</div>
                            <div class="layui-btn layui-btn-warm" id="btnreturn">返回</div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="layui-tab-item ">
            <div class="layui-container " style="width: 100%;" id="indexModel2">
                <div class="layui-row" style="margin-top: 10px;">
                    <div class="layui-col-md3 ">
                        <select class="selectpicker" id="siteSelect2" title="请选择平台"  style="width:100%;">
                            <option value="">请选择平台</option>
                        </select>
                    </div>
                    <div class="layui-col-md3 " style="padding-left: 20px;">
                        <input type="text"  required  id="table_Name2"  placeholder="表名称" autocomplete="off" class="layui-input">
                    </div>
                    <div class="layui-col-md3 " style="padding-left: 20px;">
                        <a class="btn btn-default" style="margin-left: 10px;" id="search2" >查询</a>
                        <a class="btn btn-primary" style="margin-left: 10px;" id="btnadd2"><i class="fa fa-plus"></i>&nbsp;新增</a>
                    </div>
                </div>
                <div class="layui-row table-striped" style="margin-top: 10px;padding:0 0px;">
                    <table id="bootstrap-table2" data-mobile-responsive="true"></table>
                </div>
            </div>
            <div class="layui-container" style="width: 100%;display: none;margin-top: 20px;" id="addModel2">
                <div class="layui-row" >
                    <div class="layui-col-md12" >
                        <div class="layui-form-item" style="width: 500px;">
                            <label class="layui-form-label" style="width: 100px;">选择平台</label>
                            <div class="layui-input-block" >
                                <select class="selectpicker" id="siteSelect" data-actions-box="true" data-select-all-text="全选" data-deselect-all-text="取消全选" title="请选择平台" multiple style="width:100%;">

                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-row" >
                    <div class="layui-col-md12" >
                        <div class="layui-form-item" style="width: 500px;">
                            <label class="layui-form-label" style="width: 100px;">表名称</label>
                            <div class="layui-input-block" >
                                <input type="text"  required  id="tableName2"  placeholder="表名称" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-row" >
                    <div class="layui-col-md6" style="padding-left: 20px;">
                        <div class="layui-btn" id="btnconfirm2" >确定</div>
                        <div class="layui-btn layui-btn-warm" id="btnreturn2">返回</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-tab-item">
            <div class="layui-container " style="width: 100%;" id="indexModel3">
                <div class="layui-row" style="margin-top: 10px;">
                    <div class="layui-col-md3 " >
                        <input type="text"  required  id="table_Name3"  placeholder="表名称" autocomplete="off" class="layui-input">
                    </div>
                    <div class="layui-col-md3 " style="padding-left: 20px;">
                        <a class="btn btn-default" style="margin-left: 10px;" id="search3" >查询</a>
                        <a class="btn btn-primary" style="margin-left: 10px;" id="btnadd3"><i class="fa fa-plus"></i>&nbsp;新增</a>
                    </div>
                </div>
                <div class="layui-row table-striped" style="margin-top: 10px;padding:0 0px;">
                    <table id="bootstrap-table3" data-mobile-responsive="true"></table>
                </div>
            </div>
            <div class="layui-container" style="width: 100%;display: none;margin-top: 20px;" id="addModel3">

                <div class="layui-row" >
                    <div class="layui-col-md12" >
                        <div class="layui-form-item" style="width: 500px;">
                            <label class="layui-form-label" style="width: 100px;">表名称</label>
                            <div class="layui-input-block" >
                                <input type="text"  required  id="tableName3" style="width: 80%;display: inline;"  placeholder="表名称" autocomplete="off" class="layui-input">
                                <span class="layui-btn" onclick="demand()">检测</span>
                            </div>
                        </div>
                        <div class="layui-form-item" >
                            <label class="layui-form-label" style="width: 100px;">表信息</label>
                            <div class="layui-input-block" >
                                <table class="table table-striped table-bordered table-hover table-condensed" >
                                    <thead>
                                        <tr>
                                            <td>字段名</td>
                                            <td>字段默认值</td>
                                            <td>是否必填</td>
                                            <td>列类型</td>
                                            <td>值类型</td>
                                            <td>值</td>
                                        </tr>
                                    </thead>
                                    <tbody id="title">

                                    </tbody>

                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-row" >
                    <div class="layui-col-md6" style="padding-left: 20px;">
                        <div class="layui-btn" id="btnconfirm3">确定</div>
                        <div class="layui-btn layui-btn-warm" id="btnreturn3">返回</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>




<script>
    var _id = null;     //动态建表id
    var _id2 = null;    //动态平台建表id
    var _id3 = null;    //动态初始化建表
    var _state = null;  //当前选择平台id
    var form = null;

    $(function(){
        $('#search1').click(function(){
            $('#bootstrap-table').bootstrapTable('refresh');
        })
        $('#search2').click(function(){
            $('#bootstrap-table2').bootstrapTable('refresh');
        })
        $('#search3').click(function(){
            $('#bootstrap-table3').bootstrapTable('refresh');
        })
        $.ajax({
            type: "get",
            url: baseURL + "platform/findAllPlatform",
            dataType: "json",
            success: function (data) {
                if (data.code == 0) {
                    var _html = ''
                    for (var i = 0; i < data.platformList.length; i++) {
                        _html = _html + '<option value="' + data.platformList[i].platformId + '">' + data.platformList[i].platformName + '</option>'
                    }
                    $('#siteSelect2').append(_html);
                    $('#siteSelect2').selectpicker('refresh');
                }
            }
        })
        $('#btnconfirm').click(function(){
            var index = layer.load(2);
            if(_id){
                $.ajax({
                    type: "post",
                    url: baseURL + "dynamic/updateDynamicById",
                    data:JSON.stringify({
                        tableNameStr:$('#tableName').val(),
                        id:_id
                    }),
                    contentType:"application/json",
                    success: function (data) {
                        layer.close(index);
                        if(data.code==0){
                            layer.msg('保存成功');
                            $('#addModel').hide();
                            $('#indexModel').show();
                            $('#bootstrap-table').bootstrapTable('refresh');
                        }else{
                            layer.msg(data.msg);
                        }
                    }
                })
            }else{
                $.ajax({
                    type: "post",
                    url: baseURL + "dynamic/saveDynamic",
                    data:JSON.stringify({
                        tableNameStr:$('#tableName').val()
                    }),
                    contentType:"application/json",
                    success: function (data) {
                        layer.close(index);
                        if(data.code==0){
                            layer.msg('添加成功');
                            $('#addModel').hide();
                            $('#indexModel').show();
                            $('#bootstrap-table').bootstrapTable('refresh');
                        }else{
                            layer.msg(data.msg);
                        }
                    }
                })
            }

        })
      $('#btnconfirm2').click(function(){
        var index = layer.load(2);
        if(_id2){
          $.ajax({
            type: "post",
            url: baseURL + "dynamicPlatform/updateDynamicPlatformById",
            data:JSON.stringify({
              id:_id2,
              tableNameStr:$('#tableName2').val(),
              platformId:$('#siteSelect').val()
            }),
            contentType:"application/json",
            success: function (data) {
              layer.close(index);
              if(data.code==0){
                layer.msg('保存成功');
                $('#addModel2').hide();
                $('#indexModel2').show();
                $('#bootstrap-table2').bootstrapTable('refresh');
              }else{
                layer.msg(data.msg);
              }
            }
          })
        }else{
          $.ajax({
            type: "post",
            url: baseURL + "dynamicPlatform/saveDynamicPlatform",
            data:JSON.stringify({
              tableNameStr:$('#tableName2').val(),
              platformId:$('#siteSelect').val()
            }),
            contentType:"application/json",
            success: function (data) {
              layer.close(index);
              if(data.code==0){
                layer.msg('添加成功');
                $('#addModel2').hide();
                $('#indexModel2').show();
                $('#bootstrap-table2').bootstrapTable('refresh');
              }else{
                layer.msg(data.msg);
              }
            }
          })
        }
      })
        $('#btnconfirm3').click(function(){
            var index = layer.load(2);
            if($('#title tr').length<1){
                layer.msg('内容不能为空');
                return false;
            }
            var _data = [];
            $('#title tr').each(function(index){
                var obj = {}
                if(_id3){
                    obj.tableNameStr = $('#tableName3').val();
                }else{
                    obj.tableNameStr = tableName;
                }
                obj.columnNameStr = $(this).find('.data1').html();
                obj.columnDefaultStr = $(this).find('.data2').html();
                obj.isNullAbleStr = $(this).find('.data3').html();
                obj.columnTypeStr = $(this).find('.data4').html();
                obj.valueType = $(this).find('.selectpicker').val();
                if($(this).find('.selectpicker').val()==1){
                    obj.value = $(this).find('.layui-input').val();
                }
                if(_id3){
                    obj.id = _id3;
                }
                _data.push(obj);
            })
            if(_id3){
                $.ajax({
                    type: "post",
                    url: baseURL + "initTable/updateInitTableConfigById",
                    data:JSON.stringify(_data),
                    contentType:"application/json",
                    success: function (data) {
                        layer.close(index);
                        if(data.code==0){
                            layer.msg('修改成功');
                            $('#addModel3').hide();
                            $('#indexModel3').show();
                            $('#bootstrap-table3').bootstrapTable('refresh');
                        }else{
                            layer.msg(data.msg);
                        }
                    }
                })
            }else{

                $.ajax({
                    type: "post",
                    url: baseURL + "initTable/saveInitTableConfig",
                    data:JSON.stringify(_data),
                    contentType:"application/json",
                    success: function (data) {
                        layer.close(index);
                        if(data.code==0){
                            layer.msg('添加成功');
                            $('#addModel3').hide();
                            $('#indexModel3').show();
                            $('#bootstrap-table3').bootstrapTable('refresh');
                        }else{
                            layer.msg(data.msg);
                        }
                    }
                })
            }

        })
        $('#btnreturn').click(function(){
            //返回列表
            $('#addModel').hide();
            $('#indexModel').show();
        })
      $('#btnreturn2').click(function(){
        //返回列表
        $('#addModel2').hide();
        $('#indexModel2').show();
      })
        $('#btnreturn3').click(function(){
            //返回列表
            $('#addModel3').hide();
            $('#indexModel3').show();
        })


        $('#btnadd').click(function(){
            _id = null;
            showadd()
        })
        $('#btnadd2').click(function(){
            _id2 = null;
            showadd2()
        })
        $('#btnadd3').click(function(){
            _id3 = null;
            showadd3()
        })

        // $('#search').click(function(){
        //     $('#bootstrap-table').bootstrapTable('refresh');
        // })
        init()
    })
    function edit(e){
        _id = e;
        showadd()
    }
    function edit2(e){
      _id2 = e;
      showadd2()
    }
    function edit3(e){
        _id3 = e;
        showadd3()
    }
    function remove(e){
        layer.confirm('确定要删除吗？', {icon: 3, title:'提示'}, function(index){
            $.ajax({
                type: "post",
                url: baseURL + "dynamic/deleteDynamic",
                data:{
                    id:e
                },
                success: function (data) {
                    if(data.code==0){
                        $('#bootstrap-table').bootstrapTable('refresh');
                        layer.msg('删除成功！');
                    }else{
                        layer.msg('数据获取失败');
                    }
                }
            })

            layer.close(index);
        });
    }

    function showadd(){
        $('#tableName').val('')

        if(_id){
            var index = layer.load(2);

            $.ajax({
                type: "post",
                url: baseURL + "dynamic/findDynamicById",
                data:{
                    id:_id
                },
                success: function (data) {
                    layer.close(index);
                    if(data.code==0){
                      $('#tableName').val(data.result.tableNameStr)

                    }else{
                        layer.msg('数据获取失败');
                    }
                }
            })
        }


        $('#addModel').show();
        $('#indexModel').hide();

    }
    function remove2(e){
        layer.confirm('确定要删除吗？', {icon: 3, title:'提示'}, function(index){
            $.ajax({
                type: "post",
                url: baseURL + "dynamicPlatform/deleteDynamicPlatform ",
                data:{
                    id:e
                },
                success: function (data) {
                    if(data.code==0){
                        $('#bootstrap-table2').bootstrapTable('refresh');
                        layer.msg('删除成功！');
                    }else{
                        layer.msg('数据获取失败');
                    }
                }
            })

            layer.close(index);
        });
    }

    function showadd2(){
        $('#tableName2').val('')
        $.ajax({
            type: "get",
            url: baseURL + "platform/findAllPlatform",
            dataType: "json",
            success: function (data) {
                if (data.code == 0) {
                    var _html = ''
                    for(var i=0;i<data.platformList.length;i++){
                        _html = _html + '<option value="'+data.platformList[i].platformId+'">'+data.platformList[i].platformName+'</option>'
                    }
                    _state = data.platformList[0].platformId
                    $('#siteSelect').html(_html);

                    $('#siteSelect').selectpicker('refresh');



                    if(_id2){
                        var index = layer.load(2);

                        $.ajax({
                            type: "post",
                            url: baseURL + "dynamicPlatform/findDynamicPlatformById",
                            data:{
                                id:_id2
                            },
                            success: function (data) {
                                layer.close(index);
                                if(data.code==0){
                                    $("#siteSelect [value="+data.result.platformId+"]").attr("selected","selected");
                                  $('#siteSelect').selectpicker('refresh');
                                    _state=data.result.platformId;
                                    $('#tableName2').val(data.result.tableNameStr)
                                }else{
                                    layer.msg('数据获取失败');
                                }
                            }
                        })
                    }
                }
            }
        })
        $('#addModel2').show();
        $('#indexModel2').hide();

    }

    function showadd3(){
        $('#tableName3').val('');
        $('#title').html('');
        if(_id3){
            var index = layer.load(2);
            $.ajax({
                type: "post",
                url: baseURL + "initTable/findTableConfigDetailById",
                data:{
                    id:_id3
                },
                success: function (data) {
                    layer.close(index);
                    if(data.code==0){
                        $('#tableName3').val(data.result[0].tableNameStr)
                        var _html = ''
                        for(var i=0;i<data.result.length;i++){
                            _html = _html + '<tr>' +
                                '<td class="data1">'+data.result[i].columnNameStr+'</td><td class="data2">'+(data.result[i].columnDefaultStr?data.result[i].columnDefaultStr:'无')+'</td><td class="data3">'+data.result[i].isNullAbleStr+'</td><td class="data4">'+data.result[i].columnTypeStr+'</td>' +
                                '<td><select  class="selectpicker form-control inputs" onchange="selectchange(this)"   title="请选择类型" ><option value="1">固定值</option><option value="2">非固定值</option><option value="3">平台类型</option><option value="4">统计时间</option><option value="5">统计小时</option><option value="6">统计分钟</option><option value="7">不初始化</option></select></td><td class="_input"></td></tr>'
                        }
                        $('#title').html(_html)
                        $('.inputs').selectpicker('refresh')

                        $('#title select').each(function(index){
                            $(this).selectpicker('val',data.result[index].valueType).trigger("change")
                            if(data.result[index].valueType==1){
                                $(this).parent().parent().parent().find('._input').html('<input type="text" value="'+data.result[index].value+'"  required    placeholder="请输入固定值" autocomplete="off" class="layui-input">');
                            }
                        })
                        $('#tableName3').attr('disabled','disabled');

                    }else{
                        layer.msg('数据获取失败');
                    }
                }
            })

        }else{
            $('#tableName3').attr('disabled',false);
            var platform = '';
            $('#title').html('');
        }


        $('#addModel3').show();
        $('#indexModel3').hide();
    }
    var tableName = ''
    function demand(){
        console.log(_id3,'sssssssssssssaaaaaa')
        if(_id3){
            return false;
        }
        $.ajax({
            type: "post",
            url: baseURL + "initTable/findTableInfoByTableName",
            data:{
                tableName:$('#tableName3').val()
            },
            dataType: "json",
            success: function (data) {
                if (data.code == 0) {
                    tableName =$('#tableName3').val()
                //    columnNameStr 字段名  columnTypeStr列类型 isNullAbleStr是否必填  columnDefaultStr字段默认值
                    var _html = ''
                    for(var i=0;i<data.result.length;i++){
                        _html = _html + '<tr>' +
                            '<td class="data1">'+data.result[i].columnNameStr+'</td><td class="data2">'+(data.result[i].columnDefaultStr?data.result[i].columnDefaultStr:'无')+'</td><td class="data3">'+data.result[i].isNullAbleStr+'</td><td class="data4">'+data.result[i].columnTypeStr+'</td>' +
                            '<td><select  class="selectpicker form-control inputs" onchange="selectchange(this)"   title="请选择类型" ><option value="1">固定值</option><option value="2">非固定值</option><option value="3">平台类型</option><option value="4">统计时间</option><option value="5">统计小时</option><option value="6">统计分钟</option><option value="7">不初始化</option></select></td><td class="_input"></td></tr>'
                    }
                    $('#title').html(_html)
                    $('.selectpicker').selectpicker('refresh')
                }
            }
        })
    }
    function selectchange(e){
        if($(e).val()==1){
            $(e).parent().parent().parent().find('._input').html('<input type="text"  required    placeholder="请输入固定值" autocomplete="off" class="layui-input">');
        }else{
            $(e).parent().parent().parent().find('._input').html('');
        }
    }
    function remove3(e){
        layer.confirm('确定要删除吗？', {icon: 3, title:'提示'}, function(index){
            $.ajax({
                type: "post",
                url: baseURL + "initTable/deleteInitTableConfig",
                data:{
                    id:e
                },
                success: function (data) {
                    if(data.code==0){
                        $('#bootstrap-table3').bootstrapTable('refresh');
                        layer.msg('删除成功！');
                    }else{
                        layer.msg('数据获取失败');
                    }
                }
            })

            layer.close(index);
        });
    }
    function init(){
        $('#bootstrap-table')
            .bootstrapTable(
                {
                    method : 'get', // 服务器数据的请求方式 get or post
                    url : baseURL + 'dynamic/findDynamic', // 服务器数据的加载地址
                    showRefresh : true,
                    showToggle : true,
                    showColumns : true,
                    showExport :true,
                    sortable: true,
                    sortName:"userId",// 排序列名称
                    sortOrder: "desc",
                    iconSize : 'outline',
                    toolbar : '#exampleToolbar',
                    striped : true, // 设置为true会有隔行变色效果
                    dataType : "json", // 服务器返回的数据类型
                    pagination : true, // 设置为true会在底部显示分页条
                    // queryParamsType : "limit",
                    // //设置为limit则会发送符合RESTFull格式的参数
                    singleSelect : false, // 设置为true将禁止多选
                    // contentType : "application/x-www-form-urlencoded",
                    // //发送到服务器的数据编码类型
                    pageSize : 10, // 如果设置了分页，每页数据条数
                    pageNumber : 1, // 如果设置了分布，首页页码
                    // search : true, // 是否显示搜索框
                    //showColumns : false, // 是否显示内容下拉框（选择显示的列）
                    sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者
                    // "server"
                    queryParams : function(params) {

                        return {
                            // 说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
                            limit : params.limit,
                            page : (params.offset/params.limit)+1,
                            tableNameStr:$('#table_Name1').val()
                        };
                    },
                    // //请求服务器数据时，你可以通过重写参数的方式添加一些额外的参数，例如 toolbar 中的参数 如果
                    // queryParamsType = 'limit' ,返回参数必须包含
                    // limit, offset, search, sort, order 否则, 需要包含:
                    // pageSize, pageNumber, searchText, sortName,
                    // sortOrder.
                    // 返回false将会终止请求
                    columns : [
                        // {
                        //     checkbox : true
                        // },
                        {
                            field : 'id', // 列字段名
                            title : 'id', // 列标题
                            align : 'center'

                        },
                        {
                            field : 'tableNameStr',
                            title : '名称',
                            align : 'center'
                        },
                        {
                            field : 'createTime',
                            title : '时间',
                            align : 'center'
                        },

                        {
                            title : '操作',
                            field : 'id',
                            align : 'center',
                            formatter : function(value, row,index) {
                                var e = '<div style="margin-right: 10px;" class="btn btn-primary btn-sm " onclick="edit('+row.id+')"><i class="fa fa-edit" style="margin-right:5px;"></i>编辑</div>';
                                var d = '<div class="btn btn-warning btn-sm" onclick="remove('+row.id+')"><i class="fa fa-remove" style="margin-right:5px;"></i>删除</div>';
                                return e + d;

                            }
                        } ]
                });

        $('#bootstrap-table2')
            .bootstrapTable(
                {
                    method : 'get', // 服务器数据的请求方式 get or post
                    url : baseURL + 'dynamicPlatform/findDynamicPlatform', // 服务器数据的加载地址
                    showRefresh : true,
                    showToggle : true,
                    showColumns : true,
                    showExport :true,
                    sortable: true,
                    sortName:"userId",// 排序列名称
                    sortOrder: "desc",
                    iconSize : 'outline',
                    toolbar : '#exampleToolbar',
                    striped : true, // 设置为true会有隔行变色效果
                    dataType : "json", // 服务器返回的数据类型
                    pagination : true, // 设置为true会在底部显示分页条
                    // queryParamsType : "limit",
                    // //设置为limit则会发送符合RESTFull格式的参数
                    singleSelect : false, // 设置为true将禁止多选
                    // contentType : "application/x-www-form-urlencoded",
                    // //发送到服务器的数据编码类型
                    pageSize : 10, // 如果设置了分页，每页数据条数
                    pageNumber : 1, // 如果设置了分布，首页页码
                    // search : true, // 是否显示搜索框
                    //showColumns : false, // 是否显示内容下拉框（选择显示的列）
                    sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者
                    // "server"
                    queryParams : function(params) {

                        return {
                            // 说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
                            limit : params.limit,
                            page : (params.offset/params.limit)+1,
                            tableNameStr:$('#table_Name2').val()?$('#table_Name2').val():'',
                            platformId:$('#siteSelect2').val()
                        };
                    },
                    // //请求服务器数据时，你可以通过重写参数的方式添加一些额外的参数，例如 toolbar 中的参数 如果
                    // queryParamsType = 'limit' ,返回参数必须包含
                    // limit, offset, search, sort, order 否则, 需要包含:
                    // pageSize, pageNumber, searchText, sortName,
                    // sortOrder.
                    // 返回false将会终止请求
                    columns : [
                        // {
                        //     checkbox : true
                        // },
                      {
                        field : 'id', // 列字段名
                        title : 'id', // 列标题
                        align : 'center'

                      },
                      {
                        field : 'platformName',
                        title : '平台名称',
                        align : 'center'
                      },
                      {
                        field : 'tableNameStr',
                        title : '名称',
                        align : 'center'
                      },
                      {
                        field : 'createTime',
                        title : '时间',
                        align : 'center'
                      },
                        {
                            title : '操作',
                            field : 'id',
                            align : 'center',
                            formatter : function(value, row,index) {
                                var e = '<div style="margin-right: 10px;" class="btn btn-primary btn-sm " onclick="edit2('+row.id+')"><i class="fa fa-edit" style="margin-right:5px;"></i>编辑</div>';
                                var d = '<div class="btn btn-warning btn-sm" onclick="remove2('+row.id+')"><i class="fa fa-remove" style="margin-right:5px;"></i>删除</div>';
                                return e + d;

                            }
                        } ]
                });
        $('#bootstrap-table3')
            .bootstrapTable(
                {
                    method : 'get', // 服务器数据的请求方式 get or post
                    url : baseURL + 'initTable/findInitTableConfig', // 服务器数据的加载地址
                    showRefresh : true,
                    showToggle : true,
                    showColumns : true,
                    showExport :true,
                    sortable: true,
                    sortName:"userId",// 排序列名称
                    sortOrder: "desc",
                    iconSize : 'outline',
                    toolbar : '#exampleToolbar',
                    striped : true, // 设置为true会有隔行变色效果
                    dataType : "json", // 服务器返回的数据类型
                    pagination : true, // 设置为true会在底部显示分页条
                    // queryParamsType : "limit",
                    // //设置为limit则会发送符合RESTFull格式的参数
                    singleSelect : false, // 设置为true将禁止多选
                    // contentType : "application/x-www-form-urlencoded",
                    // //发送到服务器的数据编码类型
                    pageSize : 10, // 如果设置了分页，每页数据条数
                    pageNumber : 1, // 如果设置了分布，首页页码
                    // search : true, // 是否显示搜索框
                    //showColumns : false, // 是否显示内容下拉框（选择显示的列）
                    sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者
                    // "server"
                    queryParams : function(params) {

                        return {
                            // 说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
                            limit : params.limit,
                            page : (params.offset/params.limit)+1,
                            tableNameStr:$('#table_Name3').val()
                        };
                    },
                    // //请求服务器数据时，你可以通过重写参数的方式添加一些额外的参数，例如 toolbar 中的参数 如果
                    // queryParamsType = 'limit' ,返回参数必须包含
                    // limit, offset, search, sort, order 否则, 需要包含:
                    // pageSize, pageNumber, searchText, sortName,
                    // sortOrder.
                    // 返回false将会终止请求
                    columns : [
                        // {
                        //     checkbox : true
                        // },
                        {
                            field : 'id', // 列字段名
                            title : 'id', // 列标题
                            align : 'center'

                        },

                        {
                            field : 'tableNameStr',
                            title : '名称',
                            align : 'center'
                        },
                        {
                            field : 'createTime',
                            title : '时间',
                            align : 'center'
                        },
                        {
                            title : '操作',
                            field : 'id',
                            align : 'center',
                            formatter : function(value, row,index) {
                                var e = '<div style="margin-right: 10px;" class="btn btn-primary btn-sm " onclick="edit3('+row.id+')"><i class="fa fa-edit" style="margin-right:5px;"></i>编辑</div>';
                                var d = '<div class="btn btn-warning btn-sm" onclick="remove3('+row.id+')"><i class="fa fa-remove" style="margin-right:5px;"></i>删除</div>';
                                return e + d;

                            }
                        } ]
                });
    }

</script>
</body>
</html>